@import shared.VarTool
@import shared.Pojo.MetDataKind
@import tool.soft.PreDealSoft
@import tool.workflow.FeatureSelectionWorkflow
@(missionName: String, missionId: Option[Int])(implicit request: RequestHeader, messages: Messages)
	@main(messages("createANewWorkflow"))("allWorkflow", "") {

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/tableFilter.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("myCss/featureSelection.css")">

		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/filter-control/my-bootstrap-table-filter-control.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("topology/index.js")" type="text/javascript"></script>

		<style>
				.genome-pre {
					white-space: pre-wrap;
					word-wrap: break-word;
					border: 0px solid #ccc;
					background-color: white;
				}

				select:not([multiple]) {
					-webkit-appearance: none;
					-moz-appearance: none;
					background-position: right 50%;
					background-repeat: no-repeat;
					background-image: url();
					padding: .5em;
					padding-right: 1.5em
				}

				.fr {
					float: right;
				}

				.base-info .item .title span {
					display: inline-block;
					border-left: 2px solid #0b8af4;
					font-size: 14px;
					color: #333;
					padding-left: 10px;
				}

				.photo span {
					display: block;
					width: 92px;
					height: 92px;
				}

				.photo img {
					width: 100%;
					height: 100%;
				}

				tr > td {
					padding-top: 10px !important;
					padding-bottom: 10px !important;
				}

				.glyphicon-remove::before {
					content: "" !important;
				}

				.dropdown-menu > li > a {
					color: #262626;
				}

				.form-horizontal .form-group {
					margin-right: 0px;
					margin-left: 0px;
				}

				.fade:not(.show) {
					opacity: 0;
				}

				.fade.in {
					opacity: 1;
				}

		</style>
		<div class="page-content">

			<div class="row">
				<div class="col-md-12">
					<div id="form_wizard_1" class="portlet light profile-sidebar-portlet bordered">

						<div class="portlet-title">
							<div class="item">
								<div class="title clear">
									<a href="@routes.WorkflowController.toIndex">@messages("workflowCenter")</a>
									/
									<span>@messages("createANewWorkflow")</span>
								</div>
							</div>
							<div class="caption">
							</div>
						</div>

						<input hidden name="softKind" value="@FeatureSelectionWorkflow.nameStr">

						<div class="portlet-body form">

							<form >

							</form>

							<br>

							<div id="root"></div>

							@user.soft.fileModal()

						</div>

					</div>
				</div>
			</div>
		</div>

		<script>

				var missionName = "@(missionName)"
				var id = "@request.session.get("id")"
				var missionId = "@missionId"

				$(function () {

					FeatureSelection.init

				})
		</script>


	}
